# Vercel React View Transitions: Adding Native Transition Animations to React Following the Official Workflow

`vercel-react-view-transitions` is an official Agent Skill from Vercel Labs, teaching Cursor, Claude Code and Codex to use React's ViewTransition and `addTransitionType` to implement native page transitions. It can be installed via `npx skills add`. It covers shared element transitions, Suspense reveal, list reordering and route direction animations, with instructions for Next.js App Router included. ViewTransition is currently available in the React Canary channel; App Router has built-in support and no longer requires installing `react@canary`. Unsupported browsers will simply not display the animations.